<?php 
  $mylogin = $this->session->userdata('mylogin');
  //getUser($this->config->item('use_auth'));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OLIVE : : Super Market</title>
<link rel="stylesheet" type="text/css" href="<?=$css_path;?>index.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?=$css_path;?>sliding.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?=$css_path;?>menu.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?=$css_path;?>menu1.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?=$css_path;?>style.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?=$css_path;?>virtuemart.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?=$css_path;?>products.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?=$css_path;?>jquery.mCustomScrollbar.css" media="all" />

<script type="text/javascript" src="<?=$js_path;?>menu123.js" ></script>
<script type="text/javascript" src="<?=$js_path;?>123.js" ></script>
<script  type="text/javascript" src="<?=$js_path;?>jquery_rsv.js"></script>
<script type="text/javascript" src="<?=$js_path;?>jquery.min.js" ></script>
<script  type="text/javascript" src="<?=$js_path;?>jquery-ui.min.js"></script>

<script type="text/javascript" src="<?=$js_path;?>jquery.pikachoose.full.js"></script>
<script type="text/javascript" src="<?=$js_path;?>jquery.mCustomScrollbar.js"></script>
<script type="text/javascript" src="<?=$js_path;?>jqtransform.js"></script>



<script type="text/javascript">
var $j = jQuery.noConflict();
		$j(function(){
			 $j('#select-form').jqTransform({imgPath:'/virtuemart_39028/templates/theme262/images/'}).css('display','block');
		});
$j(window).load(function() {
			$j("#mcs_container").mCustomScrollbar("horizontal",500,"easeOutCirc",1,"fixed","yes","yes",20); 
			
			$j.fx.prototype.cur = function(){
				if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
				  return this.elem[ this.prop ];
				}
				var r = parseFloat( jQuery.css( this.elem, this.prop ) );
				return typeof r == 'undefined' ? 0 : r;
			}

			/* function to load new content dynamically */
			function LoadNewContent(id,file){
				$j("#"+id+" .customScrollBox .content").load(file,function(){
					mCustomScrollbars();
				});
			}
		});		
$j(document).ready(function() {
	var vmcartck = $j('.vmCartModule');
	vmcartck.top = vmcartck.offset().top;
	vmcartck.left = vmcartck.offset().left;
	
	$j('.cart-click').click(function() {
			var el = $j(this);
			var imgtodrag = $j('.product-image:first');
			if (!imgtodrag.length) {
				elparent = el.parent();
				while (!elparent.hasClass('spacer')) {
					elparent = elparent.parent();
				}	
				imgtodrag = elparent.find('img.browseProductImage');
			}
			if (imgtodrag.length) {
				var imgclone = imgtodrag.clone()
					.offset({ top: imgtodrag.offset().top, left: imgtodrag.offset().left })
					.css({'opacity': '0.7', 'position': 'absolute' , 'height':'150px' , 'width': '150px','z-index': '1000'})
					.appendTo($j('body'))
					.animate({
						'top': vmcartck.top+10,
						'left': vmcartck.left+30,
						'width':55,
						'height':55
					},400, 'linear');
				imgclone.animate({
					'width': 0,
					'height': 0
				});
			}
	});							
});							
</script>

 
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->
<style type="text/css">
.error_strings
{
	font-weight:bold;
	color:#C06;
}
</head>



 

</style>
<script language="javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>

<div id="wrap"><!--wrap-->

<div id="wrapheader"><!--wrapheader-->

<div id="header"><!--header-->

<div id="logo"><!--logo-->
  <a href="index.php"><img src="<?= $image_path;?>logo.png" border="0" alt="" title="" /></a>
</div><!--logo-->

<div id="hd_p2"><!--hd_p2-->

<div class="p1_top"><!--p1_top-->
<nav><!--nav-->
<ul id="top_nav">
<li><a href="<?=$base_url?>store"><img src="<?= $image_path;?>t1.gif" alt="" title="" border="0"></a></li>
<li><a href="#"><img src="<?= $image_path;?>t2.gif" title="" alt="" border="0"></a></li>
<li class="end"><a href="#"><img src="<?= $image_path;?>t3.gif" alt="" border="0" title=""></a></li>
</ul>
</nav><!--nav-->
</div><!--p1_top-->

<div class="p2_top"><!--p2_top-->

<?php
if(!empty($mylogin['name']))
{
 echo "Welcome <b>".$mylogin['name']."!</b>";
 ?>
  <a href="<?=$base_url ?>member/my_account">My Account </a> &nbsp;
  <a href="<?=$base_url ?>store/favorites">Favorites</a>
 &nbsp;&nbsp;<a href="<?=$base_url;?>member/logout">Logout</a>
 <?php
}
else
{
 ?>
Welcome visitor you can  &nbsp;&nbsp;<a href="<?=$base_url;?>member/reg/">Create an account</a> or <a href="<?=$base_url;?>member/login">Login</a>
<?php
}
?>
</div><!--p2_top-->

<div class="p3_top"><!--p3_top-->

	<div id="search" style="">
        <form id="search-form" action="http://www.google.com/search" name="q" target="_blank" method="get" style="float:left">
        <input id="q" class="i" type="text" value="Enter Search Keywords here" maxlength="255" size="31" name="q" onFocus="clearText(this)" onBlur="clearText(this)">
        <input class="b2" type="submit" value="" name="sa">
    
        </form>

	</div>
    
    <div class="p3_cart"><!--p3_cart-->

	<div class="p3_shoping"><!--p3_shoping-->
    <?php
	$c=$this->session->userdata('cart_count');
	
	?>
  	<a href="<?=$base_url; ?>cart/add/">Shopping Cart: <?=$c; ?> item(s)</a>
    </div><!--p3_shoping-->

</div><!--p3_cart-->

</div><!--p3_top-->



	</div><!--hd_p2-->

<div id="tp_mnu"><!--tp_mnu-->
<div class="tp_hm"><!--tp_hm-->
<div class="tp_ico"><!--tp_ico-->
  <a href="<?=$base_url?>store"><img src="<?= $image_path;?>hm.png" border="0" alt="" title="" /></a>
  </div><!--tp_ico-->
</div><!--tp_hm-->

	<div class="tp_rst"><!--tp_rst-->

        <div class="hbuttons" ><!--btn-->
        
            <a href="<?=$base_url?>store/aboutus">About us </a> 
            <a href="<?=$base_url?>store/products/0/all">Our Products</a> 
            <a href="<?=$base_url?>store/explore"> Explore Us </a> 
            <a href="<?=$base_url?>store/offer">Offers</a>
            <a href="<?=$base_url?>store/contact" class="end">Contact us</a>
        
        </div><!--btn-->

	</div><!--tp_rst-->


<div id="menu"><!--menu-->
    
    <ul class="menu">
       
        <li><a href="#" class="parent">
        			<span style="background:none;">
                    		<img src="<?= $image_path;?>arr.jpg" alt"" align="top" border="0"/>&nbsp;&nbsp;&nbsp;  Category</span></a>
            			<div>
                        	<ul>
                            
                            <?php
							foreach($categories as $rec)
							{
							?> 
    						<li><a href="#" class="parent"><span>
    							<?=$rec['name'] ?> </span></a> 
    							<?php
   								if(!empty($rec['name']))
								{
								$categories         		  = $this->category_model->getCategories($page,'', $like,array('parent_id' => $rec['id']));
	    						$sub          		          = $categories->records;
								if(!empty($sub))
								{
								?>
            					<div><ul>
            					<?php
								foreach($sub as $s)
								{
								?>
                   				<li > <a href="<?=$base_url?>store/products/0/<?=$s['id']?>"><span> <?=$s['name'] ?> </span> </a></li>
            					<?php
								}
								?>
           						 </ul></div>
           						 <?php
							}
						}
						?>
  				 </li>
   			 <?php
				}

				?>
            
                		<!--		<li><a href="#" class="parent"><span>Flower</span></a>
	                    			<div>
                            		<ul>
                        				<li><a href="#"><span>Flower - 1</span></a></li>                                               
                      					<li><a href="#"><span>Flower - 2</span></a></li>
                      					<li><a href="#"><span>Flower - 3</span></a></li>
                        				<li><a href="#"><span>Flower - 3</span></a></li>
                        				<li><a href="#"><span>Flower - 4</span></a></li>
                                     </ul>
                                     </div>
                                  </li>
                
                                  <li><a href="#" class="parent"><span>Soft toys</span></a>
                  	                  <div><ul>
				                        <li><a href="#"><span>Soft toys - 1</span></a></li>                                               
                				      	<li><a href="#"><span>Soft toys - 2</span></a></li>
				                      	<li><a href="#"><span>Soft toys - 3</span></a></li>
				                        <li><a href="#"><span>Soft toys - 3</span></a></li>
				                        <li><a href="#"><span>Soft toys - 4</span></a></li>
                                            </ul>
                                         </div>
               						 </li>      -->
          
                
          
                
       
                
             
                
                
                
                
                
                
                
            </ul></div>
        </li>
        
    </ul> 
    
    
    
    
    
</div><!--menu-->


</div><!--tp_mnu-->

</div><!--header-->

</div><!--wrapheader-->

<div id="wrapcontent"><!--wrapcontent-->

<div id="content"><!--content-->


